#nav{
    width: 100%;
    >.nav-bar{
        width: var(--container-width);
        margin: 0 auto;
	    display: flex;
	    justify-content: space-between;
	    padding: 20px 0;

        >.nav-right{
            >.nav-list{
                display: flex;
                
        
                    >li{
                        display: inline;
                        margin-right: 30px;
                        padding-bottom: 10px;
        
                        >:hover{
                            color: #ddd;
                        }
                    }
        
                    >.on{
                        border-bottom: 2px solid #33bae6;
        
                    }
               }
        }
    }
}